<!DOCTYPE HTML>
<html lang="en">
<head>
<title>编码服务配置</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link
	href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/uniform/css/uniform.default.css"
	rel="stylesheet" type="text/css" />
<link
	href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css"
	rel="stylesheet" type="text/css" />
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link rel="stylesheet" type="text/css"
	href="../metronic/assets/global/plugins/select2/select2.css" />
<link rel="stylesheet" type="text/css"
	href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css" />
<!-- END PAGE LEVEL STYLES -->
<!-- BEGIN THEME STYLES -->
<link href="../metronic/assets/global/css/components.css"
	id="style_components" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css" />
<link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet"
	type="text/css" />
<!-- END THEME STYLES -->
<style type="text/css">
.form-group {
	margin-bottom: 5px;
}

.help-inline {
	color: red;
}

.table {
	border-top: solid 3px #F3565D;
}

.table-toolbar {
	margin-bottom: 0px;
}
</style>

</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
	style="width: 98%; background: #0f0; background-color: transparent;">
	<div class="row" style="margin-top: 16px;">
		<!--Begin Left Tree-->
		<div class="col-md-3">
			<div class="portlet blue-steel box"
				style="min-height: 575px; background-color: #FFF;">
				<div class="portlet-title">
					<div class="caption">
						<i class="fa fa-cogs"></i>统计表服务
					</div>
					<div class="tools">
						<a href="javascript:;" onclick="addcensus();" class="fa fa-plus"
							style="color: #FFF;"> </a> <a href="javascript:editcensus();"
							class="fa fa-edit" style="color: #FFF;"> </a><a
							href="javascript:;" id="deletety" class="fa fa-remove"
							style="color: #FFF;"></a>
					</div>
				</div>
				<div class="portlet-body">
					<div id="tree" class="ztree"
						style="overflow: auto; min-height: 515px;"></div>
				</div>
			</div>
		</div>
		<!--End Left Tree-->

		<!--Begin Right Content-->
		<div class="col-md-9">
			<div class="portlet box blue-steel">
				<div class="portlet-title">
					<div class="caption">
						<i class="fa fa-globe"></i>统计配置服务
					</div>
					<div class="actions">
						<a id="btn_add" href="javascript:;" class="btn btn-default btn-sm">
							<i class="fa fa-plus"></i> 配置
						</a> <a id="btn_edit" href="javascript:;"
							class="btn btn-default btn-sm"> <i class="fa fa-edit"></i> 修改
						</a> <a id="btn_del" href="javascript:;"
							class="btn btn-default btn-sm"> <i class="fa fa-remove"></i>
							删除
						</a>
					</div>
				</div>
				<div class="portlet-body" id="xxxf">
					<div class="tabbable-custom nav-justified">
						<ul id="myTab" class="nav nav-tabs nav-justified disable">
							<li class="active"><a id="a_tab_table" href="#tab_1_1_1"
								data-toggle="tab">统计服务信息展示 </a></li>
							<li><a id="a_tab_field" href="#tab_1_1_2" data-toggle="tab">
									统计服务附加属性 </a></li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="tab_1_1_1">
								<div class="form-horizontal form-body form-inline">
									<div class="form-group" style="margin-left: -11px";>
										<label class="col-md-4 control-label">配置表名:</label>
										<div class="col-md-4">
											<select id="tablename" name="tablename"
												class="form-control input-inline input-medium"
												placeholder="请选择配置表名">
												<option value="0">请选择配置表名</option>
											</select>
										</div>
									</div>
									<div  id="censuscolumn" class="form-group" style="margin-left: 16px;">
										<label class="col-md-3 control-label">统计字段</label>
										<div class="col-md-9">
											<select id="colunmdd" name="colunmdd"
												class="form-control input-inline input-medium"
												placeholder="统计字段">
												<option value="">统计字段</option>
											</select> <span id="valide_colunmdd" class="help-inline"></span>
										</div>
									</div>
									<div class="form-group"
										style="margin-top: -56px; margin-left: 465px;">
										<label class="col-md-4 control-label">统计类型:</label>
										<div class="col-md-4">
											<select id="columnstyle" name="columnstyle"
												class="form-control input-inline input-medium"
												placeholder="统计字段">
												<option value="">统计字段</option>
											</select>
										</div>
									</div>
									<hr>
									<div class="form-group" style="margin-left: -16px;">
										<label class="col-md-4 control-label">横坐标字段:</label>
										<div class="col-md-4">
											<select id="xfield" name="xfield"
												class="form-control input-inline input-medium"
												placeholder="请选择横坐标字段">
												<option value="0">请选择横坐标字段</option>
											</select>
										</div>
									</div>
									
									<div id="xtype" class="form-group">
										<label class="col-md-4 control-label">横坐标格式:</label>
										<div class="col-md-4">
											<input id="abscissatype" name="abscissatype" type="text"
												class="form-control input-inline input-medium input-circle"
												placeholder="">
										</div>
									</div>
									<div class="form-group" style="margin-left: 109px;">
										<label class="col-md-4 control-label">横坐标标题:</label>
										<div class="col-md-4">
											<input id="abscissatitle" name="abscissatitle" type="text"
												class="form-control input-inline input-medium input-circle"
												placeholder="">
										</div>
									</div>
									<hr>
									<div class="form-group" style="margin-left: -15px;">
										<label class="col-md-4 control-label">纵坐标字段:</label>
										<div class="col-md-4">
											<select id="yfield" name="yfield"
												class="form-control input-inline input-medium"
												placeholder="请选择纵坐标字段">
												<option value="0">请选择纵坐标字段</option>
											</select>
										</div>
									</div>
									<div class="form-group" style="margin-left: 109px;">
										<label class="col-md-4 control-label">纵坐标标题:</label>
										<div class="col-md-4">
											<input id="ordinatetitle" name="ordinatetitle" type="text"
												class="form-control input-inline input-medium input-circle"
												placeholder="">
										</div>
									</div>
									<hr>
									<div class="form-group" style="margin-left: -35px;">
										<label class="col-md-4 control-label">条件字段:</label>
										<div class="col-md-4">
											<textarea class="form-control input-inline input-medium"
												rows="3" id="condition" name="condition"
												placeholder="请选择条件字段" readonly="readonly"></textarea>
											<button type="button" class="btn blue-steel"
												onclick="myFunction()">操作</button>
										</div>
									</div>
									<div class="form-group" style="margin-left: 108px;">
										<label class="col-md-6 control-label">是否分组:</label>
										<div class="col-md-6" style="margin-top: 7px;">
											<input type="radio" id="male" name="catched"
												checked="checked" value="1" /> <label for="male">是</label>
											<input type="radio" id="female" name="catched" value="0" />
											<label for="female">否</label> <span id="valide_catch"
												class="help-inline"> </span>
										</div>
									</div>
									<hr>
									<div class="form-group" style="margin-left: 71px;">
										<button id="configid" type="button" class="btn blue-steel">保&nbsp;&nbsp;存</button>
										<span id="valide_dtMessage" class="help-inline"
											style="color: red;"></span>
									</div>
								</div>
							</div>
							<div class="tab-pane" id="tab_1_1_5">
								<div class="table-toolbar">
									<div class="btn-group" style="float: right;">
										<button id="btn_fieldSave" class="btn blue-steel">
											<i class="fa fa-remove"></i>数据保存
										</button>
									</div>
								</div>

							</div>
							<div class="tab-pane" id="tab_1_1_2">
								<div class="table-toolbar"></div>
								<table id="tb_fieldList"></table>
							</div>
							<div class="tab-pane" id="serverColumn"></div>
						</div>
					</div>
				</div>
				<!--Begin End Content-->


			</div>
			<!-- Begin隐藏域 -->
			<input type="hidden" id="hid_dbKey" name="hid_dbKey">
			<!-- End隐藏域 -->
			<!-- Begin 添加-修改Modul -->
			<div id="" class="modal fade" tabindex="-1" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true"></button>
							<h4 class="modal-title">统计配置服务</h4>
						</div>
						<div id="yincang" class="modal-body">
							<div class="scroller" style="height: 300px"
								data-always-visible="1" data-rail-visible1="1">
								<div class="form-horizontal form-body">

									<div class="form-group">
										<label class="col-md-3 control-label">条件展示</label>
										<div class="col-md-9">
											<textarea class="form-control input-inline input-medium"
												rows="3" id="conditioning" name="conditioning"
												readonly="readonly"></textarea>
										</div>
									</div>
								</div>
							</div>
						</div>

					</div>
				</div>
			</div>
			<div id="censusTree" class="modal fade" tabindex="-1"
				aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true"></button>
							<h4 class="modal-title">统计表配置服务维护</h4>
						</div>
						<div class="modal-body">
							<div class="scroller" style="height: 300px"
								data-always-visible="1" data-rail-visible1="1">
								<div class="form-horizontal form-body">
									<div id="exitids" class="form-group">
										<label class="col-md-3 control-label">ID</label>
										<div class="col-md-9">
											<input id="uid" name="uid" type="text"
												class="form-control input-inline input-medium"
												placeholder="请输入Id"> <span id="valide_uid"
												class="help-inline"></span>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">服务名称</label>
										<div class="col-md-9">
											<input id="sername" name="sername" type="text"
												class="form-control input-inline input-medium"
												placeholder="请输入类别名"> <span id="valide_sername"
												class="help-inline"></span>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">服务标题</label>
										<div class="col-md-9">
											<textarea class="form-control input-inline input-medium"
												rows="3" id="sertitle" name="sertitle" placeholder="请输入备注信息"></textarea>
											<span id="valide_sertitle" class="help-inline"> </span>
										</div>
									</div>
									<div class="form-group">
										<label class="col-md-3 control-label">备注</label>
										<div class="col-md-9">
											<textarea class="form-control input-inline input-medium"
												rows="3" id="remakes" name="remakes" placeholder="请输入备注信息"></textarea>
											<span id="valide_remakes" class="help-inline"> </span>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="modal-footer">
							<button type="button" data-dismiss="modal" class="btn default">关闭</button>
							<button id="census_save" type="button" class="btn blue-steel">保存</button>
						</div>
					</div>
				</div>
			</div>
			<div id="sourcewhere" class="modal fade" tabindex="-1"
				aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal"
								aria-hidden="true"></button>
							<button id="where_add" type="button" class="btn blue-steel">新增一行</button>
							<h4 class="modal-title">添加条件字段</h4>
						</div>
						<div id="wheredi" class="modal-body"></div>
						<div class="modal-footer">
							<button id="gaunbi" type="button" data-dismiss="modal"
								class="btn default">关闭</button>
							<button id="where_save" type="button" class="btn blue-steel">保存</button>
						</div>
					</div>
				</div>
			</div>
			<!-- End 添加-修改Modul -->
			<script src="../metronic/assets/global/plugins/jquery.min.js"
				type="text/javascript"></script>
			<script src="../metronic/assets/global/plugins/jquery-migrate.min.js"
				type="text/javascript"></script>
			<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
			<script
				src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
				type="text/javascript"></script>
			<script src="../metronic/assets/global/plugins/jquery.blockui.min.js"
				type="text/javascript"></script>
			<script src="../metronic/assets/global/plugins/jquery.cokie.min.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
				type="text/javascript"></script>
			<!-- END CORE PLUGINS -->
			<!-- BEGIN PAGE LEVEL SCRIPTS -->
			<script src="../metronic/assets/global/scripts/metronic.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js"
				type="text/javascript"></script>
			<script
				src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js"
				type="text/javascript"></script>
			<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js"
				type="text/javascript"></script>
			<!-- END PAGE LEVEL SCRIPTS -->
			<script src="../js/zTree/jquery.ztree.core.min.js"
				type="text/javascript"></script>
			<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>
			<script src="../js/serviceConfigration/censuses.js"
				type="text/javascript"></script>
</body>
</html>
